body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    padding: 0;
    margin: 0;
}

body {
    font: 12px/22px arial, Tahoma, "\5B8B\4F53";
    word-break: break-all;
    background-color: #F4F4F4;
    _background-image: url(about:blank);
    _background-attachment: fixed;
}

ul, li {
    list-style: none;
}

cite, em, address {
    font-style: normal;
}

input, select, textarea {
    font: normal normal 12px "Verdana";
    color: #555;
    outline: none; /*去除Opera浏览器这些标签的默认样式*/
}

textarea, input[type|="text"], input[type|="password"] {
    -webkit-appearance: none /*去除webkit浏览器这些标签的默认样式*/
}

textarea {
    resize: none
}

h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
}

img {
    border: 0;
}

/*==通用链接==*/
a {
    color: #444444;
    text-decoration: none;
    outline: none
}

a:hover {
    color: #69ba36;
    text-decoration: underline;
}

a:active {
    color: #428d13;
    text-decoration: underline;
}

.blod a, .blod {
    font-weight: bold
}

.blue a, .blue {
    color: #06c;
}

.red a, .red {
    color: #f03;
}

.or a, .or {
    color: #f60;
}

.green a, .green {
    color: #390;
}

a.blod, a.blod:link, a.blod:visited {
    font-weight: bold
}

a.red, a.red:link, a.red:visited {
    color: #f03;
}

a.blue, a.blue:link, a.blue:visited {
    color: #06c;
}

a.or, a.or:link, a.or:visited {
    color: #f60
}

a.green, a.green:link, a.green:visited {
    color: #390;
}

/* 字体属性 [定义规则，小写f加属性名称] */
.fB {
    font-weight: bold;
}

.fI {
    font-style: italic;
}

/* 字体大小*/
.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.mt10 {
    margin-top: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.pt10 {
    padding-top: 10px;
}

/* 浮动*/
.fl {
    float: left;
}

.fr {
    float: right
}

/* 其它属性*/
fieldset {
    border: none;
}

.center {
    text-align: center;
}

.tar {
    text-align: right !important;
}

.mid {
    vertical-align: middle;
}

.fwn {
    font-weight: normal;
}

.hide {
    display: none
}

.submit {
    cursor: pointer;
    border: 0
}

.noText {
    display: block;
    height: 0;
    width: 0;
    line-height: 0;
    overflow: hidden
}

/*==clear==*/
.clear {
    clear: both;
    font-size: 0;
    width: 0px;
    height: 0;
    visibility: hidden;
    line-height: 0;
    overflow: hidden;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html>body .clearfix {
    display: inline-block;
    width: 100%;
}

* html .clearfix {
    /* Hides from IE-mac \*/
    height: 1%; /* End hide from IE-mac */
}

/* ie7 hack*/
*+html .clearfix {
    min-height: 1%;
}

/*lrBx*/
.lrBx, .lrBx .rbx,
.collr, .collr .colr {
    overflow: hidden;
    zoom: 1
}

.lrBx .lbx,
.collr .coll {
    float: left;
    _margin-right: -3px
}

.lrBx .lbx img {
    vertical-align: top
}

/*.lrBx .rbx{padding-left:10px}*/

.weaken {
    color: #909090
}

/*弱化*/
.stress {
    color: #f00
}

/*强调*/
.highlight {
    color: #769d28
}

.rela {
    position: relative;
    zoom: 1
}

.ib {
    display: inline-block;
    vertical-align: top
}

#page {
    text-align: center;
    zoom: 1;
    min-width: 960px;
    padding-bottom: 20px
}

#hd .masthead,
#hd .nav-set,
#bd,
#ft {
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

#bd {
    position: relative;
    padding-bottom: 20px;
    zoom: 1;
    margin: 0 auto;
    margin-top: 60px/*固定导航栏添加样式*/
}

/*===layout===*/
.wzj-cols {
    zoom: 1
}

.wzj-cols:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.wzj-cols .wzj-col1 {
    width: 100%;
    float: left
}

.wzj-cols .wzj-col1-1 {
    zoom: 1
}

.wzj-cols .wzj-col2, .wzj-cols .wzj-col3 {
    float: left
}

.new-wzj-cols .wzj-col1-1 {
    margin-right: 245px
}

.new-wzj-cols .wzj-col3 {
    width: 230px;
    margin-left: -230px;
}

/*===/layout===*/

.advertising {
    width: 100%;
    overflow: hidden;
}

.advertising .img {
    vertical-align: top
}

.banner-img {
    vertical-align: top
}

/*===mask===*/
.mask {
    left: 2px;
    top: 68px;
    position: absolute;
    color: #fff;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-align: right;
    background: url(images/v1.0/img/opacity.png);
    _background: #000000
}

.mask a, .mask a:hover {
    color: #fff;
    text-decoration: none
}

/*===/mask===*/

.crumb {
    font-family: '\5B8B\4F53';
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    margin-bottom: 8px
}

.score .fra {
    color: #d93c42;
    font-size: 16px;
    font: bold 16px/22px arial;
    margin-right: 3px
}

.more {
    font-family: "\5B8B\4F53"
}

.pitch {
    margin-bottom: 15px
}

.rck {
    width: 13px;
    height: 13px;
    margin-right: 3px;
    _margin-right: 0;
    margin-top: 5px;
    float: left
}

.thumb-200-200, .thumb-200, .thumb-300, .thumb-64-64, .thumb-60-60, .avatar, .avatar32, .avatar28, .avatar25, .avatar150 {
    vertical-align: top
}

.thumb-200-200 {
    width: 200px;
    height: 200px
}

.thumb-200 {
    width: 200px;
}

.thumb-300 {
    width: 300px;
}

.thumb-64-64 {
    width: 64px;
    height: 64px
}

.thumb-60-60 {
    width: 60px;
    height: 60px
}

.avatar {
    width: 50px;
    height: 50px
}

.avatar32 {
    width: 32px;
    height: 32px
}

.avatar28 {
    width: 28px;
    height: 28px
}

.avatar25 {
    width: 25px;
    height: 25px
}

.avatar150 {
    width: 150px;
    height: 150px
}

.wjh-bx {
    zoom: 1;
}

.wjh-bx .hd {
    overflow: hidden;
    zoom: 1;
    padding-bottom: 5px
}

.wjh-bx .hd .h {
    font: 16px/22px "\5FAE\8F6F\96C5\9ED1";
    float: left
}

.wjh-bx .hd .des {
    font: 12px/26px "\5FAE\8F6F\96C5\9ED1";
    float: left;
    padding-left: 10px
}

.wjh-bx .hd .ky {
    margin-right: 10px
}

.wjh-bx .bd {
    zoom: 1
}

.bdbc {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e8e7e7;
    background-color: #fff;
}

.bdbc .hd {
    padding: 8px 10px 0;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
}

.bdbc .hd .h {
    font: bold 14px/22px arial
}

.bdbc .bd {
    border: 1px solid #e4e4e4;
    padding: 5px 10px;
    zoom: 1;
    border-top: 1px solid #fff
}

.thumb-list {
    overflow: hidden;
    zoom: 1
}

.thumb-list .tb-item {
    width: 45px;
    float: left;
    margin: 6px 6px 0 0;
    display: inline;
}

.thumb-list .tb-item .thumb {
    width: 45px;
    height: 45px;
    vertical-align: top
}

.wjh-item {
    position: relative;
    zoom: 1;
    font-family: "\5B8B\4F53";
    border: 1px solid #e4e4e4;
    background-color: #fff;
    padding: 10px 15px;
    -webkit-transition: 0.5s ease-in-out border-color;
    -moz-transition: 0.5s ease-in-out border-color;
    -ms-transition: 0.5s ease-in-out border-color;
    -o-transition: 0.5s ease-in-out border-color;
    transition: 0.5s ease-in-out border-color;
    -webkit-box-shadow: 3px 3px 3px rgba(160, 160, 160, 0.1);
    -moz-box-shadow: 3px 3px 3px rgba(160, 160, 160, 0.1);
    box-shadow: 3px 3px 3px rgba(160, 160, 160, 0.1);
}

.wjh-item .t {
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    padding-right: 35px;
}

.wjh-item .t a {
    color: #383838
}

.wjh-item .ct {
    height: 22px;
    overflow: hidden;
}

.wjh-item .summary {
    color: #909090
}

.wjh-item .thumb-outer {
    position: relative;
    zoom: 1;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
}

.wjh-item .thumb-outer .latest {
    position: absolute;
    height: 21px;
    line-height: 21px;
    overflow: hidden;
    padding: 0 4px;
    top: 0;
    right: 0;
    background: #cd0000;
    color: #fff;
    font-weight: bold;
}

.wjh-item .thumb-outer .mask {
    top: 0;
    left: 0;
}

.wjh-item .thumb-outer .thumb {
    width: 198px;
    vertical-align: top
}

.wjh-item .thumb-outer:hover .btn-syf,
.wjh-item .thumb-outer-hover .btn-syf {
    left: 51px
}

.wjh-item .thumb-list-wp {
    width: 200px;
    overflow: hidden;
}

.wjh-item .thumb-list-wp .thumb-list {
    margin: -6px -30px 0 0
}

.wjh-item .btn-syf {
    left: -120px;
    position: absolute;
    bottom: 5px;
}

.wjh-item .thumbs {
    position: relative;
    width: 200px;
    overflow: hidden
}

.wjh-item .thumbs .thumbs-list {
    overflow: hidden;
    zoom: 1;
    margin-right: -10px
}

.wjh-item .thumbs .thumbs-item {
    width: 64px;
    float: left;
    margin: 4px 4px 0 0
}

.wjh-item .thumbs .thumb-outer {
    margin: 0
}

.wjh-item .icd {
    zoom: 1;
    padding-bottom: 8px
}

.wjh-item .icd .icd-item {
    display: inline-block;
    color: #666;
    line-height: 20px;
    vertical-align: top;
    white-space: nowrap;
    margin: 5px 5px 0 0;
    background: #fafafa;
    border: 1px solid #efefef;
    padding: 0 6px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.wjh-item .icd .icd-item:hover {
    background: #fafafa;
    border: 1px solid #d7d7d7;
    text-decoration: none
}

.wjh-item .icd .d {
    color: #909090;
    font-weight: normal;
}

.wjh-item .dash {
    padding-top: 8px;
    border-top: 1px solid #f0f0f0
}

.wjh-item .info-list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.wjh-item .info-list .il-item {
    float: left;
    padding-right: 10px;
    color: #909090
}

.wjh-item .info-list .rate {
    position: absolute;
    top: 13px;
    right: 0
}

.wjh-item .info-list .rwauto {
    width: auto;
    height: auto;
    float: right;
    padding: 0
}

.wjh-item .info-list .ico-cart {
    vertical-align: top;
    margin-top: 1px
}

.wjh-item .info-list .highlight {
    font-weight: bold;
    margin-right: 3px
}

.wjh-item .info-list .btn {
    margin-left: 5px
}

.wjh-item .info-list .wrt {
    width: auto;
    float: none;
    position: absolute;
    top: 15px;
    right: 14px;
    color: #909090
}

.wjh-item .info-list .wf,
.wjh-item .info-list .lya {
    width: auto;
    float: none;
    clear: both;
}

.wjh-item .info-list .lya {
    position: relative;
    height: auto;
    padding-top: 5px
}

.wjh-item .info-list .lya .btn {
    margin: 0
}

.wjh-item .info-list .lya .rt {
    position: absolute;
    top: 5px;
    right: 0
}

.wjh-item .info-list .ha {
    height: auto;
}

.wjh-item .info-list .ctauto {
    position: relative;
    width: auto;
    height: auto;
    float: none;
    text-align: center;
    zoom: 1;
    padding: 10px 0;
    margin: 0 -14px -10px
}

.wjh-item .info-list .ctauto .btn-tp .b {
    padding: 0 29px 0 23px;
}

.wjh-item .comment-list .comment-content {
    padding-right: 0
}

.wjh-item:hover, .wjh-item-hover {
    border: 2px solid #e4e4e4;
    padding: 9px 14px;
}

.wjh-item:hover .info-list .rate,
.wjh-item-hover .info-list .rate {
    top: 12px;
    right: -1px
}

.wjh-item:hover .comment-list, .wjh-item-hover .comment .comment-list {
    margin: 0 -14px 0;
}

.wjh-item:hover .info-list .ctauto, .wjh-item-hover .info-list .ctauto {
    margin: 0 -14px -9px;
    padding-bottom: 9px
}

.wjh-item:hover .comment-list .comment-item, .wjh-item-hover .comment-list .comment-item {
    padding: 10px
}

.user-v-info {
    overflow: hidden;
    zoom: 1;
}

.user-v-info .vi-item {
    float: left;
    overflow: hidden;
    margin: 0 4px;
    display: inline;
    text-align: center;
    border-left: 1px solid #e7e7e7;
    margin-left: -1px
}

.user-v-info .vi {
    float: left;
    display: block;
    height: 45px;
    line-height: 18px;
    display: inline;
    width: auto !important;
    width: 62px;
    min-width: 62px;
    white-space: nowrap
}

.user-v-info .nub {
    display: block;
    height: 18px;
    font-family: arial;
    font-size: 14px;
    margin-top: 5px;
    overflow: hidden;
}

.clr-list {
    overflow: hidden;
    zoom: 1
}

.clr-list .ico-latest {
    vertical-align: middle;
    margin: 0 0 10px 3px
}

.clr-list .clr-item {
    vertical-align: top;
    padding: 5px 0;
    zoom: 1
}

.clr-list .clr-item .clr-r {
    vertical-align: baseline;
    padding-left: 10px;
    line-height: 18px;
    zoom: 1
}

.clr-list .clr-item .clr-content {
    position: relative;
    margin-top: -2px;
    zoom: 1
}

.user-item .t {
    text-align: center;
    padding: 0
}

.user-item .user-v-info {
    margin-bottom: 5px
}

.user-item .guanzhu .btn,
.user-item .guanzhu .btn .b {
    display: block;
}

.user-item .newest {
    zoom: 1;
    border-top: 1px solid #f0f0f0;
    margin: 8px -14px 0;
    padding-top: 5px
}

.user-item .newest .nt {
    font-size: 12px;
    font-weight: normal;
    color: #909090;
    padding: 0 14px
}

.user-item .newest .clr-list {
    padding: 0 14px
}

.user-item .more {
    text-align: center;
    border-top: 1px solid #f0f0f0;
    padding-top: 4px
}

.user-item .more .a {
    color: #909090
}

.wjh-list {
    position: relative;
    overflow: hidden;
    zoom: 1;
    margin-right: -50px
}

.wjh-list .item {
    width: 230px;
    float: left;
    margin: 0 14px 15px 0;
    border-bottom: 1px solid #e8e7e7
}

.wjh-list .comment-list {
    position: relative;
    margin: 0 -14px 0;
    overflow: visible;
}

.wjh-list .comment-list .comment-item {
    border-top: 1px solid #f0f0f0
}

.wjh-list .thumb-outer {
    margin-bottom: 5px
}

.wjh-col-list .item {
    width: 230px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e8e7e7
}

.wjh-col-list2 {
    padding: 10px 0;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.wjh-col-list2 .item {
    width: 228px;
    border: 0;
    margin: 0
}

.wjh-col-list2 .wjh-item {
    padding: 0px 14px;
    border: 0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
}

.wjh-col-list2 .wjh-item .thumb-outer {
    margin-bottom: 0
}

.wjh-col-list2 .wjh-item .info-list .wrt {
    top: 6px
}

.hunpai-item {
    padding: 10px 0;
    font-family: "\5B8B\4F53";
    zoom: 1
}

.hunpai-item .coll {
    width: 60px
}

.hunpai-item .hpt {
    line-height: 22px;
    height: 22px;
    overflow: hidden;
}

.hunpai-item .colr {
    padding-left: 10px
}

.hunpai-item .info-list .il-item {
    width: auto;
    float: none;
}

.hunpai-list {
    overflow: hidden;
    zoom: 1;
    margin-top: -10px
}

.hunpai-list .hunpai-item {
    border-top: 1px dashed #e5e5e5;
    margin-top: -1px
}

.drop-down {
    zoom: 1
}

.wjh-select {
    position: relative;
    zoom: 1;
    padding-right: 14px;
    cursor: pointer
}

.wjh-select .arrow {
    position: absolute;
    top: 7px;
    right: 0px;
    width: 0;
    height: 0;
    cursor: pointer;
    overflow: hidden;
    font-size: 0;
    border-bottom: 5px dashed transparent;
    border-top: 8px solid #383838;
    border-left: 5px dashed transparent;
    border-right: 5px dashed transparent
}

.wjh-drop-down-layer {
    position: absolute;
    background-color: #fff;
    border: 1px solid #dddddd;
    z-index: 9998;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2)
}

.wjh-drop-down-layer .layer-bt {
    background-color: #f5f5f5;
    zoom: 1
}

.wjh-drop-down-layer .dp-list {
    line-height: 24px;
    padding: 5px 0
}

.wjh-drop-down-layer .dp-list .dp {
    display: block;
    zoom: 1;
    padding-left: 7px
}

.wjh-drop-down-layer .dp-list .dp:hover {
    background-color: #ededed;
    text-decoration: none
}

.info-list {
    zoom: 1
}

.info-list .il-item {
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}

.info-list .fauto {
    float: left;
    _margin-right: -3px
}

.info-list .nm {
    color: #909090
}

.info-list .auto {
    height: auto;
}

.info-list .g {
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    -webkit-text-size-adjust: none;
    color: #909090;
}

.info-list .f,
.info-list .f2 {
    float: left
}

.info-list .f2 {
    margin-left: 5px;
    display: inline;
}

.info-list .ico-heart-hui,
.info-list .ico-download-alt {
    margin: 7px 5px 0 0
}

.wjh-tab {
    zoom: 1;
    background: #f8f8f8;
    border-bottom: 1px solid #dddddd;
    line-height: 28px
}

.wjh-tab:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.wjh-tab .tab-item {
    float: left;
    padding: 0 12px;
    margin-left: -1px
}

.wjh-tab .cur {
    position: relative;
    background-color: #fff;
    margin-top: 0;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #fff;
    margin: -1px 0 0 -1px;
    top: 1px
}

.waterfall-contenter {
    position: relative;
    zoom: 1;
    margin: 0 auto
}

.waterfall-contenter .wjh-list {
    margin: 0;
    position: static;
}

.waterfall-contenter .wjh-list .item,
.waterfall-contenter #J_user-info,
.waterfall-contenter #cat-list,
.waterfall-contenter #hot-cat,
.waterfall-contenter .transition {
    position: absolute;
    -webkit-transition: 0.5s ease-in-out all;
    -moz-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
    -o-transition: 0.5s ease-in-out all;
    transition: 0.5s ease-in-out all;
    visibility: hidden;
}

.loading {
    width: 200px;
    background: #fff;
    zoom: 1;
    margin: 0 auto;
    text-align: center;
    font: bold 18px/1.5 "\5FAE\8F6F\96C5\9ED1";
    padding: 20px 0;
    zoom: 1;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

/*===suggest-content====*/
.suggest-content {
    width: 192px;
    position: absolute;
    display: none;
    background: #fff;
    border: 1px solid #e9e9e9;
    top: 26px;
    left: 0;
    visibility:;
    line-height: 22px;
    text-align: left;
    z-index: 999;
    padding: 5px 0;
    font-family: "\5B8B\4F53";
}

.suggest-content .suggest-key {
    color: #bf0000
}

.suggest-content .suggest-item {
    position: relative;
    zoom: 1;
    color: #bdbdbd;
    vertical-align: top;
}

.suggest-content .suggest-item .suggest-result {
    position: absolute;
    top: 0;
    right: 5px;
    color: #090;
    font-size: 11px;
}

.suggest-content .suggest-item .sg {
    display: block;
    padding: 0 5px;
    zoom: 1
}

.suggest-content .suggest-item .sg:link,
.suggest-content .suggest-item .sg:visited {
    text-decoration: none;
    color: #333
}

.suggest-content .suggest-item .sg:hover,
.suggest-content .suggest-selected,
.suggest-content .suggest-selected .sg:link,
.suggest-content .suggest-selected .sg:visited {
    background: #ededed;
}

/*===/suggest-content====*/

.page-loading {
    padding: 30px 0 40px 0;
    text-align: center;
    zoom: 1
}

.page-loading img {
    vertical-align: top
}

.no-content {
    font: 18px/2 "\5FAE\8F6F\96C5\9ED1";
    zoom: 1;
    padding: 30px 0 0 100px;
    -webkit-transition: 0.5s ease-in-out all;
    -moz-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
    -o-transition: 0.5s ease-in-out all;
    transition: 0.5s ease-in-out all;
}

.no-content a {
    color: #22b14c;
    text-decoration: underline;
    font-size: 24px
}

.no-content a:hover {
    color: #22b14c;
    text-decoration: none
}

.backTop {
    background: none repeat scroll 0 0 #494949;
    border-radius: 5px 5px 5px 5px;
    bottom: 10px;
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    height: 45px;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 45px;
    z-index: 1000;
}
.backTop .bta {
    background: url("images/v1.0/img/logo.png") no-repeat scroll -169px -16px transparent;
    display: block;
    height: 21px;
    margin: 12px auto 0;
    text-indent: -9999px;
    width: 23px;
}
